<!-- 文章详情模块 -->
<template>
  <div class="detailBox tcommonBox">
    <header>
      <h1>
        <a :href="'#/DetailShare?aid='+detailObj.id" target="_blank">
          {{ detailObj.title }}
        </a>
      </h1>
      <h2>
        <i class="fa fa-fw fa-user"></i>ZLW • 发表于 <span>{{ detailObj.createTime }}</span> •
        <i class="fa fa-fw fa-eye"></i>{{ detailObj.viewCount }} •
        <span v-show="detailObj.tags!=0">
          <i class="fa fa-fw fa-tag"></i>
          <span v-for="(tag,index) in detailObj.tags">
            <el-tag v-if="index == 0" type="primary" class="el-tag--small">{{ tag }}</el-tag>
            <el-tag v-if="index == 1" type="success" class="el-tag--small">{{ tag }}</el-tag>
            <el-tag v-if="index == 2" class="el-tag--small">{{ tag }}</el-tag>
          </span>
          </span>
      </h2>
      <!--      <div class="ui label">-->
      <!--        <a :href="'#/Share?classId='+detailObj.categoryId">{{ detailObj.categoryName }}</a>-->
      <!--      </div>-->
    </header>
    <!--    <div class="article-content markdown-body" v-html="detailObj.content"></div>-->
    <mavon-editor :box-shadow="false"
                  :preview-background="'rgb(255,255,255)'"
                  :transition="true"
                  :value="detailObj.content"
                  :subfield="false"
                  defaultOpen="preview"
                  :toolbarsFlag="false"
                  :editable="false"
    ></mavon-editor>
    <div class="donate">
      <div class="donate-word">
        <span v-if="!detailObj.liked" @click="clickZan"><i><svg style="width: 28px;height: 28px" t="1685950296915"
                                                               class="icon" viewBox="0 0 1024 1024"
                                                               version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                               p-id="6336" width="200" height="200"><path
          d="M102.4 880.64c-57.344 0-102.4-45.056-102.4-102.4V409.6c0-57.344 45.056-102.4 102.4-102.4s102.4 45.056 102.4 102.4v368.64c0 57.344-45.056 102.4-102.4 102.4z m0-491.52c-10.24 0-20.48 10.24-20.48 20.48v368.64c0 10.24 10.24 20.48 20.48 20.48s20.48-10.24 20.48-20.48V409.6c0-10.24-10.24-20.48-20.48-20.48z"
          fill="#E5BD41" p-id="6337"></path><path
          d="M829.44 921.6H450.56c-90.112 0-163.84-73.728-163.84-163.84V512c0-90.112 73.728-163.84 163.84-163.84h30.72c22.528 0 40.96 18.432 40.96 40.96s-18.432 40.96-40.96 40.96H450.56c-45.056 0-81.92 36.864-81.92 81.92v245.76c0 45.056 36.864 81.92 81.92 81.92h378.88c45.056 0 81.92-36.864 81.92-81.92v-4.096L942.08 468.992c0-18.432-4.096-38.912-81.92-38.912h-153.6c-22.528 0-40.96-18.432-40.96-40.96s18.432-40.96 40.96-40.96H860.16c108.544 0 163.84 40.96 163.84 122.88v4.096l-30.72 284.672c-2.048 90.112-73.728 161.792-163.84 161.792z"
          fill="#333333" p-id="6338"></path><path
          d="M696.32 430.08c-18.432 0-34.816-12.288-38.912-30.72l-34.816-143.36v-2.048c-8.192-40.96-40.96-69.632-81.92-69.632-6.144 0-10.24 2.048-12.288 6.144-2.048 2.048-4.096 6.144-6.144 8.192l10.24 188.416c2.048 22.528-16.384 40.96-38.912 43.008-22.528 2.048-40.96-16.384-43.008-38.912l-12.288-202.752c0-10.24 2.048-20.48 10.24-28.672 4.096-6.144 10.24-18.432 20.48-28.672 20.48-18.432 45.056-28.672 71.68-28.672 79.872 0 147.456 57.344 161.792 135.168l34.816 141.312c6.144 22.528-8.192 45.056-30.72 49.152-4.096 2.048-6.144 2.048-10.24 2.048zM479.232 145.408h8.192-10.24 2.048z"
          fill="#333333" p-id="6339"></path></svg></i><span style="float: left;color: #1b1f23">{{
            "（" + detailObj.likeCount + "）"
            }}</span></span>
        <span v-else @click="cancelZan"><i><svg style="width: 28px;height: 28px" t="1688092518209" class="icon" viewBox="0 0 1062 1024" version="1.1"
                                               xmlns="http://www.w3.org/2000/svg" p-id="8638" width="200" height="200"><path
          d="M1034.045577 391.275496a164.608254 164.608254 0 0 0-135.822769-70.14715h-165.167196a721.872869 721.872869 0 0 0 8.384122-125.482354c0-121.290292-90.548513-195.629504-174.6692-195.629503a165.446666 165.446666 0 0 0-167.682432 171.315551 190.31956 190.31956 0 0 1-171.595021 188.363265H89.993487A91.107455 91.107455 0 0 0 0.003915 451.641172v475.100223a100.609459 100.609459 0 0 0 96.696869 97.25581h715.445042a165.446666 165.446666 0 0 0 89.989572-25.990777 170.477139 170.477139 0 0 0 60.365675-67.072972c14.253007-27.947072 85.238569-353.809931 96.97634-417.249785A162.93143 162.93143 0 0 0 1034.045577 391.275496zM279.474634 904.104267a41.920608 41.920608 0 0 1-83.841215 0V503.063784a41.920608 41.920608 0 0 1 83.841215 0z"
          fill="#E1494E" p-id="8639"></path></svg></i><span style="float: left;color: #1b1f23">{{
            "（" + detailObj.likeCount + "）"
          }}</span></span>
        <span @click="pdonate=!pdonate"><i><svg style="width: 28px;height: 28px" t="1685949947313" class="icon"
                                                viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                p-id="5303" width="200" height="200"><path
          d="M840.4 1016h-600c-16.8 0-30.3-13.6-30.3-30.3v-384c0-181.7 148.7-330.3 330.3-330.3 181.7 0 330.3 148.7 330.3 330.3v384c0 16.7-13.6 30.3-30.3 30.3zM164.7 467.8c3.1-10.7 6.7-21.3 10.8-31.5"
          fill="#FFD632" p-id="5304"></path><path
          d="M164.7 475.8c-0.7 0-1.5-0.1-2.2-0.3-4.2-1.2-6.7-5.7-5.5-9.9 3.1-10.9 6.9-21.7 11.1-32.3 1.6-4.1 6.3-6.1 10.4-4.5 4.1 1.6 6.1 6.3 4.5 10.4-4 10.1-7.6 20.4-10.6 30.8-1 3.6-4.2 5.8-7.7 5.8z"
          fill="" p-id="5305"></path><path
          d="M870.7 1024H151.3c-4.4 0-8-3.6-8-8V562.8c0-24.3 2.5-48.6 7.5-72.2 0.9-4.3 5.2-7.1 9.5-6.2 4.3 0.9 7.1 5.2 6.2 9.5-4.7 22.6-7.1 45.7-7.1 68.9V1008h703.4V562.8c0-185.6-151-336.5-336.5-336.5h-30.4c-66 0-130 19.3-185.2 55.9-3.7 2.4-8.6 1.4-11.1-2.2-2.4-3.7-1.4-8.6 2.2-11.1 57.8-38.3 124.8-58.6 194-58.6h30.4c47.4 0 93.4 9.4 136.9 27.8 41.9 17.8 79.6 43.3 112.1 75.7 32.4 32.4 57.9 70.1 75.7 112.1 18.5 43.5 27.8 89.5 27.8 136.9V1016c0 4.4-3.6 8-8 8z"
          fill="" p-id="5306"></path><path d="M197.3 391.4c20-34.7 46-65.6 76.4-91.4" fill="#FFD632" p-id="5307"></path><path
          d="M197.3 399.4c-1.4 0-2.7-0.3-4-1.1-3.8-2.2-5.1-7.1-2.9-10.9 20.5-35.5 46.8-66.9 78.1-93.5 3.4-2.9 8.4-2.4 11.3 0.9 2.9 3.4 2.4 8.4-0.9 11.3-29.9 25.4-55 55.4-74.6 89.3-1.6 2.6-4.3 4-7 4z"
          fill="" p-id="5308"></path><path
          d="M796.2 973.5h-18v-10h18c1.2 0 2.5-0.1 3.6-0.4l2.4 9.7c-1.9 0.5-4 0.7-6 0.7z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-18v-10h18v10z m-36 0h-16c-0.8 0-1.7 0-2.5-0.1l1-10c0.5 0 1 0.1 1.5 0.1h16v10zM255.1 962c-2.6-4-4-8.7-4-13.5v-6.6h10v6.6c0 2.9 0.8 5.7 2.4 8.1l-8.4 5.4z m563.8-3.2l-9.1-4.1c0.9-1.9 1.3-4 1.3-6.2V939h10v9.5c0.1 3.6-0.7 7.1-2.2 10.3z m-557.7-34.9h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-560-33.1h-10v-18h10v18z m560-2.9h-10v-18h10v18z m-559.6-32.8l-10-0.5c0.3-6.1 0.9-12.2 1.6-18.2l9.9 1.2c-0.7 5.7-1.2 11.6-1.5 17.5z m549-2.8c-0.4-5.9-1-11.8-1.7-17.6l9.9-1.3c0.8 6 1.4 12.2 1.8 18.2l-10 0.7z m-544.8-32.2l-9.8-1.8c1.1-6 2.4-12 3.9-17.9l9.7 2.5c-1.5 5.6-2.8 11.4-3.8 17.2z m540.2-2.9c-1.1-5.8-2.5-11.5-4-17.2l9.7-2.6c1.6 5.9 2.9 11.9 4.1 17.8l-9.8 2z m-531.5-31.4l-9.5-3.1c1.9-5.8 4-11.6 6.2-17.3l9.3 3.7c-2.2 5.5-4.2 11.1-6 16.7z m522.5-2.7c-1.9-5.5-3.9-11.1-6.2-16.5l9.3-3.8c2.3 5.6 4.5 11.4 6.4 17.1l-9.5 3.2z m-509.5-30.1l-9-4.3c2.6-5.5 5.4-11 8.4-16.3l8.7 4.9c-2.8 5.1-5.6 10.4-8.1 15.7z m496.1-2.5c-2.6-5.3-5.3-10.5-8.2-15.6l8.7-4.9c3 5.3 5.9 10.7 8.5 16.2l-9 4.3z m-478.9-28.4l-8.4-5.4c3.3-5.1 6.8-10.2 10.4-15.1l8 5.9c-3.4 4.7-6.8 9.6-10 14.6z m461.5-2.3c-3.2-4.9-6.6-9.8-10.2-14.4l8-6c3.7 4.9 7.2 9.9 10.5 15l-8.3 5.4z m-440.5-26.2l-7.7-6.4c3.9-4.6 8-9.2 12.2-13.6l7.2 6.9c-4 4.2-7.9 8.6-11.7 13.1z m419.2-2c-3.8-4.5-7.8-8.8-11.9-13l7.2-7c4.2 4.4 8.4 8.9 12.4 13.5l-7.7 6.5z m-394.8-23.5l-6.8-7.4c4.5-4.1 9.1-8.1 13.8-12l6.3 7.8c-4.5 3.7-9 7.6-13.3 11.6z m370.2-1.8c-4.4-3.9-8.9-7.8-13.5-11.4l6.2-7.8c4.8 3.8 9.5 7.8 14 11.8l-6.7 7.4z m-342.8-20.5l-5.8-8.2c5-3.5 10.1-6.9 15.2-10.1l5.3 8.5c-4.9 3.1-9.9 6.4-14.7 9.8z m315.1-1.5c-4.8-3.4-9.8-6.6-14.8-9.6l5.2-8.6c5.2 3.1 10.4 6.5 15.4 10l-5.8 8.2z m-285-17.1l-4.7-8.8c5.4-2.9 10.9-5.6 16.4-8.1l4.1 9.1c-5.3 2.5-10.7 5.1-15.8 7.8z m254.8-1.2c-5.2-2.7-10.6-5.3-15.9-7.7l4-9.1c5.6 2.5 11.1 5.1 16.5 7.9l-4.6 8.9z m-222.7-13.3l-3.5-9.4c5.7-2.1 11.5-4.1 17.3-5.9l2.9 9.6c-5.6 1.7-11.2 3.6-16.7 5.7z m190.3-1c-5.5-2-11.2-3.9-16.8-5.5l2.8-9.6c5.8 1.7 11.7 3.6 17.4 5.7l-3.4 9.4z m-156.5-9.3l-2.3-9.7c5.9-1.4 12-2.6 18-3.6l1.7 9.9c-5.9 0.8-11.7 2-17.4 3.4z m122.6-0.7c-5.7-1.3-11.6-2.4-17.4-3.3l1.6-9.9c6 0.9 12.1 2.1 18 3.4l-2.2 9.8z m-87.8-5.2l-1-9.9c6-0.6 12.2-1 18.3-1.3l0.4 10c-6 0.2-11.9 0.6-17.7 1.2z m52.9-0.3c-5.8-0.5-11.8-0.9-17.6-1l0.3-10c6.1 0.2 12.2 0.5 18.3 1.1l-1 9.9z"
          fill="#FFFFFF" p-id="5309"></path><path
          d="M574.7 205.3c-8.7-1.5-17.7-0.5-27-0.4h-10.1c-8.5 0-16.9 0-25.4 0.1-2.8 0-5.7 0-8.5 0.1-2.4-0.2-4.9-0.2-7.3-0.2-2.5 0-4.9 0.2-7.3 0.4-34.9 14.7-65.9-22.3-75.2-52-1.2-3.1-2.3-6.2-3.3-9.3-5.2-15.7-8.9-32.2-13.5-47.3-0.9-3-1.9-6-3-8.9-0.9-2.5-1.8-5-2.6-7.5C386 60.8 374 39.8 387 20.8c2.5 1.8 4.9 3.8 7.2 5.8C410 35.8 422 68.8 441 55.8c9-6-3-21 4-32 3-5 11-6 15-3 9 8 8 24 20 28 4 1 8 1 11-3 1.3-1.8 2.4-3.8 3.4-5.9 5-10.4 7.7-23.3 15.8-29.8 1.9-1.5 4.2-2.7 6.9-3.4 3.5-1 7.8-1.5 11.7-0.9 13.3 6.9 6.3 24.9 7.3 36.9 1 9 7 20 18 18 2-1 4-4 6-6 4-8 6-19 15-20 3-0.5 4.8 1.5 5.9 4.4 2.1 2.6 0.1 6.6 2.1 9.6 3-7 6-15 10.5-22.2 1.3-2.4 2.8-4.7 4.4-6.8 3.2-4.3 7.1-7.9 12.1-10.4 2.7-1.2 5.6-1.8 9-1.6 3.3 0.3 5.9 1.5 7.7 3.4 5.1 16.3 5.5 33.7 3.5 51.1-0.4 3.5-0.9 7-1.4 10.4-6.9 34.1-18.9 65.1-25.9 99.5-0.9 3.3-2.1 6.6-3.4 9.7-3.9 9.4-9.2 17.6-17.4 22.7-2.2 0.7-4.7 0.9-7.5 0.8z"
          fill="#FFD632" p-id="5310"></path><path
          d="M473 218.8c-7.2 0-14.4-1.6-21.5-4.9-22.5-10.4-38.9-35.5-45.3-55.8-1.1-3-2.2-6.1-3.3-9.4-3-9.1-5.5-18.4-7.9-27.5-1.9-7-3.7-13.6-5.6-20-0.8-2.5-1.7-5.2-2.9-8.6l-0.7-2.1c-0.6-1.8-1.3-3.6-1.9-5.5 0-0.1-0.1-0.3-0.1-0.4-1-3.6-2.3-7.4-3.6-11.3-5.7-16.9-12.3-36.1 0.4-54.6 1.2-1.8 3.1-3 5.3-3.4 2.1-0.4 4.3 0.2 6.1 1.4 2.4 1.8 4.8 3.7 7.2 5.8 6.3 3.9 11.6 10.3 16.8 16.4 11.6 13.9 15.5 16.3 20.8 12.7 0.3-1.2-0.3-4.5-0.7-6.7-1.1-6.3-2.6-15 2.4-22.9 2.5-4.1 6.9-7.1 12.1-8.1 5.3-1 10.7 0.1 14.5 2.9 0.2 0.1 0.3 0.3 0.5 0.4 5.2 4.6 7.7 10.6 9.9 15.9 2.6 6.3 4.1 9.3 7.1 10.4 1.4 0.3 2 0.2 2 0.2l0.2-0.2c0.9-1.3 1.7-2.8 2.6-4.6 1.3-2.8 2.5-5.8 3.8-9 3.4-8.7 6.9-17.6 14.3-23.5 2.9-2.3 6.2-3.9 9.8-4.8 5-1.4 10.3-1.8 15-1.1 0.9 0.1 1.7 0.4 2.5 0.8 14.4 7.4 12.9 23.2 12 33.7-0.3 3.6-0.6 6.9-0.4 9.6 0.5 4.2 2.5 8.4 4.8 10.1 0.7 0.5 1.4 0.8 2.1 0.9 0.4-0.4 0.7-0.8 1-1.2 0.4-0.5 0.9-1.1 1.4-1.6 0.6-1.3 1.2-2.7 1.8-4.2 3.1-7.5 7.3-17.8 18.8-19.2 1.7-0.2 5.5-0.4 9.1 2.1 1.1-2.2 2.3-4.3 3.6-6.4 1.6-2.8 3.2-5.3 4.9-7.6 4.3-5.8 9.2-9.9 15-12.8 0.1-0.1 0.2-0.1 0.4-0.2 3.9-1.7 8.2-2.5 12.5-2.2h0.4c5 0.5 9.3 2.4 12.5 5.6 0.9 0.9 1.6 2.1 2 3.3 4.9 15.6 6.2 33.4 3.8 54.4-0.4 3.4-0.9 7.1-1.5 10.8 0 0.1 0 0.2-0.1 0.3-3.5 17.5-8.4 34.3-13.1 50.6-4.6 15.8-9.3 32.1-12.8 48.9 0 0.2-0.1 0.4-0.1 0.6-1 3.7-2.3 7.2-3.7 10.6-5.2 12.5-11.7 20.9-20.4 26.4-0.8 0.5-1.6 0.9-2.6 1.1-3 0.7-6.1 0.9-9.5 0.9-0.4 0-0.8 0-1.2-0.1-5.5-1-11.5-0.7-17.9-0.5-2.5 0.1-5 0.2-7.6 0.2h-10.2c-8.5 0-17 0-25.4 0.1-2.8 0-5.7 0-8.5 0.1h-0.7c-2-0.2-4.2-0.2-6.6-0.2-1.8 0-3.6 0.1-5.6 0.2-6.1 2-12 3.2-18 3.2zM399 80l1.8 5.1 0.8 2.2c1.3 3.6 2.2 6.5 3.1 9.2 2 6.7 3.9 13.7 5.8 20.5 2.4 8.8 4.8 17.9 7.7 26.6 1.1 3.2 2.1 6.2 3.2 9 0.1 0.1 0.1 0.3 0.2 0.5 5.1 16.4 18.9 37.9 36.9 46.3 9.2 4.3 18.5 4.5 27.6 0.7 0.8-0.3 1.6-0.5 2.5-0.6 2.8-0.2 5.4-0.3 7.8-0.4 2.8 0 5.3 0 7.7 0.2h8.2c8.4 0 17-0.1 25.5-0.1h10.1c2.4 0 4.8-0.1 7.1-0.2 6.7-0.2 13.6-0.5 20.6 0.6 1.3 0 2.5-0.1 3.7-0.2 5.2-3.7 9.4-9.6 13.1-18.3 1.1-2.7 2.1-5.5 3-8.5 3.6-17.3 8.4-33.8 13-49.9 4.6-15.9 9.4-32.3 12.8-49.1 0.5-3.4 1-6.8 1.3-9.9 1.9-17.6 1.1-32.5-2.5-45.3-0.4-0.1-0.9-0.3-1.5-0.3-1.8-0.1-3.4 0.2-5 0.9-3.4 1.7-6.4 4.3-9.1 7.9-1.3 1.7-2.5 3.6-3.8 5.9-0.1 0.1-0.1 0.2-0.2 0.4-3.3 5.3-5.8 11.3-8.2 17-0.6 1.4-1.1 2.7-1.7 4a8.1 8.1 0 0 1-6.6 4.8c-2.9 0.3-5.8-1.1-7.4-3.5-2.3-3.5-2.3-7.1-2.4-9.2-1.3 1.6-2.6 4.5-4.1 8.1-0.8 2.1-1.7 4.2-2.8 6.3-0.4 0.8-0.9 1.5-1.5 2.1-0.4 0.4-1 1.1-1.6 1.8-1.7 2-3.7 4.3-6.5 5.7-0.7 0.3-1.4 0.6-2.1 0.7-5.9 1.1-11.5-0.2-16.2-3.7-6-4.5-10.2-12.4-11.1-21.3v-0.2c-0.3-4 0-8.3 0.4-12.4 0.9-10.4 0.7-15-2.4-17.4-2.1-0.1-4.6 0.2-6.9 0.8-0.1 0-0.2 0-0.3 0.1-1.4 0.4-2.7 1-3.8 1.9-4 3.2-6.6 9.8-9.3 16.8-1.3 3.4-2.7 6.8-4.3 10.2-1.3 2.7-2.6 5-4 7l-0.2 0.2c-3.1 4.2-9 8.6-19.3 6-0.2 0-0.4-0.1-0.6-0.2-10.4-3.5-14.1-12.3-17-19.5-1.6-3.8-3.1-7.5-5.3-9.7-1-0.3-2.9 0.2-3.3 0.7 0 0.1-0.1 0.1-0.1 0.2-1.7 2.7-1 7.1-0.2 11.7 1.1 6.6 2.9 16.7-6.1 22.7-18.4 12.6-32.6-4.4-42-15.7-4.4-5.3-9-10.8-13.2-13.3-0.1 0-0.2-0.1-0.2-0.1-2.5 9.8 1.2 20.4 5.2 32.4 1.2 3.8 2.6 7.8 3.7 11.8z"
          fill="" p-id="5311"></path><path
          d="M753.4 839.9h174.5c48.4 0 88.1 39.6 88.1 88.1 0 48.4-39.6 88.1-88.1 88.1H96.1C47.6 1016 8 976.4 8 927.9c0-48.4 39.6-88.1 88.1-88.1h166.5"
          fill="#FFD632" p-id="5312"></path><path
          d="M990.2 865.8c2.8 8.6 4.4 17.8 4.4 27.3 0 48.4-31.6 88.1-80.1 88.1H74.7c-24.3 0-46.3-9.9-62.3-26C24 990.4 57.2 1016 96.1 1016H928c48.4 0 88.1-39.6 88.1-88.1-0.1-24.1-10-46.1-25.9-62.1z"
          fill="#FDA738" p-id="5313"></path><path
          d="M927.9 1024H96.1c-53 0-96.1-43.1-96.1-96.1 0-53 43.1-96.1 96.1-96.1h166.5c4.4 0 8 3.6 8 8s-3.6 8-8 8H96.1c-44.2 0-80.1 35.9-80.1 80.1 0 44.2 35.9 80.1 80.1 80.1H928c44.2 0 80.1-35.9 80.1-80.1 0-44.2-35.9-80.1-80.1-80.1H753.4c-4.4 0-8-3.6-8-8s3.6-8 8-8h174.5c53 0 96.1 43.1 96.1 96.1 0 53-43.1 96.1-96.1 96.1z"
          fill="" p-id="5314"></path><path
          d="M623.9 253.5H398.1c-11 0-20-9-20-20v-36.8c0-11 9-20 20-20h225.8c11 0 20 9 20 20v36.8c0 11-9 20-20 20z"
          fill="#1DCA5D" p-id="5315"></path><path
          d="M605.5 261.5h-189c-25.6 0-46.4-20.8-46.4-46.4s20.8-46.4 46.4-46.4h188.9c25.6 0 46.4 20.8 46.4 46.4s-20.7 46.4-46.3 46.4z m-189-76.9c-16.8 0-30.4 13.6-30.4 30.4s13.6 30.4 30.4 30.4h188.9c16.8 0 30.4-13.6 30.4-30.4s-13.6-30.4-30.4-30.4H416.5z"
          fill="" p-id="5316"></path><path
          d="M526.3 595.9m-145.2 0a145.2 145.2 0 1 0 290.4 0 145.2 145.2 0 1 0-290.4 0Z" fill="#1DCA5D"
          p-id="5317"></path><path
          d="M511 749.1c-92.9 0-168.5-75.6-168.5-168.5 0-13.2 1.5-26.3 4.5-39 1-4.3 5.3-7 9.6-5.9 4.3 1 7 5.3 5.9 9.6-2.7 11.5-4.1 23.4-4.1 35.3 0 84.1 68.4 152.5 152.5 152.5s152.5-68.4 152.5-152.5S595.1 428.2 511 428.2c-20.2 0-39.9 3.9-58.4 11.6-4.1 1.7-8.8-0.2-10.5-4.3-1.7-4.1 0.2-8.8 4.3-10.5 20.5-8.5 42.2-12.8 64.5-12.8 92.9 0 168.5 75.6 168.5 168.5 0.1 92.8-75.5 168.4-168.4 168.4z"
          fill="" p-id="5318"></path><path d="M363.3 517.9c11.1-26.2 29-48.8 51.5-65.7" fill="#1DCA5D"
                                           p-id="5319"></path><path
          d="M363.3 525.9c-1 0-2.1-0.2-3.1-0.6-4.1-1.7-6-6.4-4.2-10.5 11.6-27.3 30.3-51.1 54.1-68.9 3.5-2.7 8.5-1.9 11.2 1.6 2.7 3.5 1.9 8.5-1.6 11.2-21.5 16.2-38.5 37.7-49 62.4-1.4 2.9-4.3 4.8-7.4 4.8z"
          fill="" p-id="5320"></path><path
          d="M574.1 580c-10.6-7.9-17.9-13.2-36-16.8-0.3 0-3.5-3.2-3.9-3.3-0.3-0.1-5.8 1-6.1 0.9-7.5-1.5-13.3-1.7-19.4-4.4-6.1-2.6-11.4-5-11.4-9.3 0.2-0.5 0.3-0.9 0.5-1.3v-0.5c0.2-0.3 0.2-0.6 0.2-0.8v-0.5c-8.5-3-6.9-11.8-0.5-12.3 2.6-0.2 9.4-13.2 12.7-2.4 0.2 0.8 1.7 2 2.5 2.1 0.8 0.1 5 3.5 6 3.6 4.2 0.7 5.3 5.9 8.9 8.3 3.7 2.4 6.3 0.8 6.8 4.7l49.3 0.8c-2.4-20.2-9.8-29.7-22.2-37-9.1-5.4-18.7-8.9-28.8-10.8 0.5-1.7 0.8-3.4 0.8-5.2v-17.1c0-2.1-1.6-3.8-3.6-3.8h-26.2c-2 0-3.6 1.7-3.6 3.8v17.1c0 1.4 0.2 2.7 0.5 4-14.7 1.2-26.4 5.5-35 13.1-10.2 9-16 19.4-17.5 31.2-0.2 0.7-0.3 1.4-0.4 2.2-0.1 0.8-0.1 1.6-0.1 2.4-0.2 0.9-0.3 1.8-0.4 2.7-0.1 0.9-0.1 1.8-0.1 2.7 0 18 6.8 30.5 20.4 37.6 13.6 7.1 28.5 12.8 44.6 17.1 1.3 0.3 2.5 0.6 3.7 0.9 1.1 0.3 2.3 0.6 3.4 0.9 1.3 0.3 2.6 0.7 3.9 1 1.3 0.3 2.6 0.7 3.9 1 2.6 0.9 4.7 2.1 6.2 3.6s2.6 3.2 3.1 4.9c0.2 0.3 0.3 0.8 0.4 1.3 0.1 0.5 0.1 1 0.1 1.5v0.8c-0.3 2.9-2 5.6-5 8.1s-6.9 3.7-11.6 3.7c-0.8 0-1.7 0-2.6-0.1-0.9-0.1-1.8-0.1-2.6-0.1-4.4-0.7-8.6-2.3-12.5-4.9-3.9-2.6-12.4-6.9-13.9-13l-44.1 0.2c0 20.5 7.6 35.1 22.8 43.8 10.2 5.9 21.3 9.8 33.2 11.7-0.3 1.4-0.5 2.8-0.5 4.2v17.1c0 2.1 1.6 3.8 3.6 3.8H530c2 0 3.6-1.7 3.6-3.8v-17.1c0-1.4-0.2-2.7-0.5-4 12.2-2 23.5-6.4 34-13.5 14.6-9.7 21.9-23.7 21.9-41.8v-2.3c-0.7-15.5-4.3-28.8-14.9-36.7z"
          fill="#FFD632" p-id="5321"></path><path
          d="M525.5 704.2h-29c-5 0-9-4-9-9v-18.1-0.4c-12-2.3-23.3-6.4-33.7-12.1-18.5-10.1-27.8-27.2-27.8-50.8 0-2.8 2.2-5 5-5l55.3-0.3c2.3 0 4.3 1.6 4.9 3.8 1.3 5.3 3.5 8.8 6.7 10.8 3.6 2.3 7.5 3.8 11.6 4.4 0.9 0 1.9 0.1 2.9 0.2 0.8 0.1 1.6 0.1 2.4 0.1 4.1 0 7.3-0.9 9.8-2.9 2.1-1.7 3.4-3.3 3.6-5v-0.5c0-0.3 0-0.5-0.1-0.8v-0.1c-0.1-0.2-0.2-0.4-0.2-0.6-0.3-1-1-2-2-3-1.1-1.1-2.8-1.9-4.8-2.6-1.4-0.3-2.8-0.7-4.2-1.1-1.4-0.4-2.9-0.7-4.3-1.1h-0.1c-1.2-0.3-2.3-0.6-3.5-0.9-1.4-0.3-2.8-0.6-4.2-1-18.2-4.6-35.2-10.8-50.5-18.4-16.9-8.4-25.4-23.3-25.4-44.2 0-1.1 0.1-2.2 0.2-3.3 0.1-1 0.2-1.9 0.4-2.9 0-0.9 0.1-1.8 0.2-2.7 0.1-0.9 0.3-1.8 0.5-2.7 0.3-2.1 0.7-4.2 1.2-6.2 0.7-2.7 3.4-4.3 6.1-3.6 2.7 0.7 4.3 3.4 3.6 6.1-0.4 1.7-0.8 3.4-1 5.2 0 0.2-0.1 0.4-0.1 0.6-0.1 0.5-0.2 1-0.3 1.6-0.1 0.6-0.1 1.3-0.1 2 0 0.3 0 0.7-0.1 1-0.1 0.7-0.3 1.5-0.3 2.3-0.1 0.8-0.1 1.6-0.1 2.4 0 17.1 6.5 28.6 19.9 35.3 14.7 7.3 31 13.3 48.5 17.7l3.9 0.9c1.3 0.3 2.7 0.6 4 1 1.4 0.4 2.8 0.7 4.2 1.1 1.5 0.4 2.9 0.7 4.3 1.1 0.1 0 0.2 0.1 0.3 0.1 3.6 1.1 6.6 2.8 8.9 4.9 2.3 2.1 3.8 4.5 4.6 7 0.3 0.7 0.5 1.4 0.7 2.3 0.1 0.9 0.2 1.7 0.2 2.5v1.4c-0.5 4.4-3 8.4-7.4 11.9-4.2 3.3-9.6 5-16 5-1.1 0-2.2-0.1-3.3-0.2-0.8-0.1-1.6-0.1-2.4-0.1-0.2 0-0.5 0-0.7-0.1-5.5-0.8-10.8-2.8-15.8-5.9-4.5-2.8-7.9-7.2-10-13.1l-46.5 0.2c1.2 17.2 8.5 29.4 22.5 37 10.8 5.9 22.6 9.9 35.2 11.8 1.4 0.2 2.6 1 3.4 2.2 0.8 1.2 1 2.6 0.7 4-0.3 1.1-0.4 2.2-0.4 3.3v17.1h27v-17.1c0-1-0.1-2-0.4-3.1-0.3-1.4-0.1-2.8 0.7-3.9 0.8-1.2 2-1.9 3.4-2.1 12.8-2 24.8-6.5 35.8-13.5 14.8-9.4 22-22.5 22-40v-2.3c-0.9-14.9-6.4-25.8-16.9-33.2-11-7.8-26.3-13.6-45.4-17.3-0.6 0-1.2-0.1-1.8-0.3-0.4-0.1-0.9-0.3-1.4-0.5-8.4-1.7-16.1-4-23-6.8-11-4.5-13.3-11-13.3-15.6 0-0.5 0.1-1.1 0.3-1.6l0.3-0.9c0-0.4 0.1-0.7 0.2-1.1 0-0.4 0.1-0.9 0.2-1.3 0.8-2.5 2.9-5.9 8.2-7.9 4.2-1.5 8.8-2.1 13.9-1.6 1 0.1 2.1 0.3 3.3 0.4 5.3 0.8 10.4 2.7 15 5.6 3.9 2.4 6.6 5.6 8.1 9.3l45.6 0.2c-3.1-16.7-10.1-28-21.3-34.3-9.5-5.4-19.7-9-30.4-10.8-1.4-0.2-2.7-1.1-3.4-2.3-0.8-1.2-0.9-2.7-0.5-4.1 0.4-1.3 0.6-2.7 0.6-4v-17.1h-27v17.1c0 1 0.1 2 0.4 3.1 0.3 1.4 0 2.9-0.8 4.1s-2.2 1.9-3.7 2c-11.8 0.9-21.8 3.7-29.7 8.3-2.4 1.4-5.4 0.6-6.8-1.8-1.4-2.4-0.6-5.4 1.8-6.8 8-4.7 17.7-7.7 28.8-9.1v-17.8c0-5 4-9 9-9h29c5 0 9 4 9 9v18.1c0 0.5 0 1-0.1 1.6 10 2.2 19.6 5.9 28.6 11 15.1 8.6 24.3 24.5 27.2 47.4 0.2 1.4-0.3 2.9-1.2 3.9-0.9 1.1-2.3 1.7-3.7 1.7l-55.3-0.3c-2.5 0-4.6-1.9-4.9-4.4-0.2-1.7-0.9-4.2-4.6-6.4-3.5-2.2-7.3-3.6-11.3-4.2-1-0.2-1.9-0.3-2.7-0.4-0.7-0.1-1.5-0.1-2.2-0.1-2.6 0-5.1 0.4-7.2 1.2-1.1 0.4-1.7 0.9-1.9 1.2 0 0.4-0.1 0.9-0.3 1.2-0.1 0.6-0.2 1.1-0.4 1.6 0.6 2.5 4 4.4 7 5.6 6.4 2.7 13.7 4.8 21.7 6.4 0.5 0.1 0.9 0.2 1.3 0.4 0.3 0 0.6 0 0.8 0.1 20.7 3.9 37.4 10.3 49.7 19 13 9.2 20.1 23 21.1 41V614c0 20.9-8.9 37.2-26.6 48.4-10.8 6.9-22.5 11.6-34.9 14.1V694.7c-0.3 5.4-4.3 9.5-9.3 9.5z"
          fill="" p-id="5322"></path><path d="M448.5 507.6c-3 3.1-5.5 6.4-7.5 9.8" fill="#FFD632" p-id="5323"></path><path
          d="M441 522.4c-0.9 0-1.8-0.2-2.6-0.7-2.4-1.4-3.1-4.5-1.7-6.9 2.2-3.7 5-7.3 8.2-10.7 1.9-2 5.1-2.1 7.1-0.2 2 1.9 2.1 5.1 0.2 7.1-2.7 2.8-5 5.8-6.8 8.9-1 1.6-2.7 2.5-4.4 2.5zM186.2 695.5c-4.4 0-8-3.6-8-8v-84.2c0-4.4 3.6-8 8-8s8 3.6 8 8v84.2c0 4.4-3.6 8-8 8zM186.2 743.5c-4.4 0-8-3.6-8-8v-23.3c0-4.4 3.6-8 8-8s8 3.6 8 8v23.3c0 4.4-3.6 8-8 8z"
          fill="" p-id="5324"></path></svg></i></span>
      </div>
      <el-row :class="pdonate?'donate-body':'donate-body donate-body-show'" :gutter="30">
        <el-col :span="12" class="donate-item">
          <div class="donate-tip">
            <img :src="detailObj.wechat_image?detailObj.wechat_image: 'static/img/wx_pay.png'"
                 :onerror="$store.state.errorImg"/>
            <span>微信</span>
          </div>
        </el-col>
        <el-col :span="12" class="donate-item">
          <div class="donate-tip">
            <img :src="detailObj.alipay_image?detailObj.alipay_image:'static/img/ali_pay.jpg'"
                 :onerror="$store.state.errorImg"/>
            <span>支付宝</span>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import {initDate} from '../utils/server.js'
import {cancelLike, getArticle, like, updateViewCount} from '../api/article.js'
import Prism from 'prismjs'
import 'prismjs/components/prism-typescript'
import 'prismjs/components/prism-bash'
import 'prismjs/components/prism-python'
import 'prismjs/components/prism-java'
import 'prismjs/plugins/toolbar/prism-toolbar'
import 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard'
import md from "markdown-it/lib";

export default {
  data() { //选项 / 数据
    return {
      aid: '',//文章ID
      pdonate: true,//打开赞赏控制,
      detailObj: {},//返回详情数据
      haslogin: false,//是否已经登录
      userId: '',//用户id
    }
  },
  methods: { //事件处理器
    showInitDate: function (date, full) {//年月日的编辑
      // console.log(detailObj.create_time,date,full);
      return initDate(date, full);
    },
    clickZan() {
      like(this.aid).then(() => {
        this.$notify.success("点赞成功~")
        this.getArticleDetail()
      })
    },
    cancelZan(){
      cancelLike(this.aid).then(() => {
        this.$notify.info("取消点赞~")
        this.getArticleDetail()
      })
    },
    getArticleDetail: function () {
      const loading = this.$loading({});
      getArticle(this.aid).then((response) => {
        this.detailObj = response
        const markdownIt = mavonEditor.getMarkdownIt()
        // const hljs = require('highlight.js');
        // const markdownIt = require('markdown-it')({
        //   highlight: function (str, lang) {
        //     if (lang && hljs.getLanguage(lang)) {
        //       try {
        //         return '<pre class="hljs"><code>' +
        //           hljs.highlight(lang, str, true).value +
        //           '</code></pre>';
        //       } catch (__) {}
        //     }
        //
        //     return '<pre class="hljs"><code>' + md.utils.escapeHtml(str) + '</code></pre>';
        //   }
        // });
        // markdownIt.re
        this.detailObj.content = markdownIt.render(response.content);
        this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
          loading.close();
        });
      }).catch(() => {
        this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
          loading.close();
        });
      })
    },
    routeChange: function () {
      var that = this;
      that.aid = that.$route.query.aid == undefined ? 1 : that.$route.query.aid;//获取传参的aid
      //判断用户是否存在
      if (localStorage.getItem('userInfo')) {
        that.haslogin = true;
        that.userInfo = JSON.parse(localStorage.getItem('userInfo'));
        that.userId = that.userInfo.userId;
        // console.log(that.userInfo);
      } else {
        that.haslogin = false;
      }
      //获取详情接口
      this.getArticleDetail()
      updateViewCount(that.aid)
    }
  },
  watch: {
    // 如果路由有变化，会再次执行该方法
    '$route': 'routeChange'
  },
  components: { //定义组件

  },
  created() { //生命周期函数
    var that = this;

    this.routeChange();
  },

}
</script>

<style lang="less">

pre {
}

.hljs {
  background-color: rgb(246, 248, 250) !important;
}

.detailBox .article-content {
  font-size: 15px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  overflow-x: hidden;
}

.detailBox .article-content p {
  margin: 10px 0;
  line-height: 24px;
  word-wrap: break-word;
  word-break: break-all;
  overflow-x: hidden;
}

.detailBox .article-content pre {
  word-wrap: break-word;
  word-break: break-all;
  overflow-x: hidden;
}

.detailBox .article-content img {
  max-width: 100% !important;
  height: auto !important;
  overflow-x: hidden;
}


.detailBox .article-content a {
  color: #df2050 !important;
}

.detailBox .article-content a:hover {
  text-decoration: underline;
  color: #f00 !important;
}

.detailBox .article-content i {
  font-style: italic;
}

.detailBox .article-content strong {
  font-weight: bold;
}

.detailBox .article-content ul {
  list-style-type: disc !important;
  list-style: disc !important;
  padding-left: 40px !important;

  li {
    list-style-type: disc !important;
    list-style: disc !important;
  }
}

.detailBox .article-content h1, .detailBox .article-content h2, .detailBox .article-content h3 {
  font-size: 200%;
  font-weight: bold;
}

.detailBox .article-content h4, .detailBox .article-content h5, .detailBox .article-content h6 {
  font-size: 150%;
  font-weight: bold;
}

.detailBox .viewdetail {
  margin: 10px 0;
  line-height: 24px;
  text-align: center;
}

/*分享图标*/
.dshareBox {
  margin-top: 40px;
  position: relative;
}

.dshareBox a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 18px;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  margin: 4px;
  background: #fff;
  transition: background 0.6s ease-out;
}

.dshareBox .ds-weibo {
  border: 1px solid #ff763b;
  color: #ff763b;
}

.dshareBox .ds-weibo:hover {
  color: #fff;
  background: #ff763b;
}

.dshareBox .ds-qq {
  color: #56b6e7;
  border: 1px solid #56b6e7;
}

.dshareBox .ds-qq:hover {
  color: #fff;
  background: #56b6e7;
}

.dshareBox .ds-wechat {
  color: #7bc549;
  border: 1px solid #7bc549;
}

.dshareBox .ds-wechat:hover {
  color: #fff;
  background: #7bc549;
}

.dshareBox .ds-wechat:hover .wechatShare {
  opacity: 1;
  visibility: visible;
}

.detailBox .bdshare-button-style0-32 a {
  float: none;
  background-image: none;
  text-indent: inherit;
}

/*点赞 收藏*/
.dlikeColBox {
  display: inline-block;
  float: right;
}

.dlikeBox, .dcollectBox {
  display: inline-block;
  padding: 0 10px;
  height: 35px;
  color: #e26d6d;
  line-height: 35px;
  border-radius: 35px;
  border: 1px solid #e26d6d;
  cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/pointer.cur), pointer;
}

/*赞赏*/
.donate-word {
  margin: 40px 0;
  text-align: center;
}

.donate-word span {
  font-size: 18px;
  display: inline-block;
  width: 100px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  //background: #e26d6d;
  //background: rgb(244, 101, 14);
  margin: 0 auto;
  border-radius: 4px;
  cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/pointer.cur), pointer;
}

.donate-body {
  display: none;
}

.donate-body-show {
  display: block;
}

.donate-item {
  text-align: right;
}

.donate-item:last-child {
  text-align: left;
}

.donate-item img {
  width: 100%;
  display: block;
  height: auto;
}

.donate-item div {
  display: inline-block;
  width: 150px;
  padding: 0 6px;
  box-sizing: border-box;
  text-align: center;
}

.donate-item div span {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  text-align: center;
}

.donate-body .donate-item:first-of-type div {
  color: #44b549;
}

.donate-body .donate-item:nth-of-type(2) div {
  color: #00a0e9;
}

.bd_weixin_popup {
  position: fixed !important;
}


@font-face {
  font-family: octicons-link;
  src: url(data:font/woff;charset=utf-8;base64,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) format('woff');
}

/* 自定义代码高亮样式 */

.hljs-comment,
.hljs-quote {
  color: #989498
}

.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-link,
.hljs-deletion {
  color: #dd464c
}

.hljs-number,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params {
  color: #fd8b19
}

.hljs-class .hljs-title {
  color: #fdcc59
}

.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: #8fc13e
}

.hljs-meta {
  color: #149b93
}

.hljs-function,
.hljs-section,
.hljs-title {
  color: #1290bf
}

.hljs-keyword,
.hljs-selector-tag {
  color: #c85e7c
}

.hljs {
  display: block;
  background: #322931;
  color: #b9b5b8;
  padding: 0.5em
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: bold
}

/** markdown样式 */
.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  color: #24292e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body .pl-c {
  color: #6a737d;
}

.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: #005cc5;
}

.markdown-body .pl-e,
.markdown-body .pl-en {
  color: #6f42c1;
}

.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: #24292e;
}

.markdown-body .pl-ent {
  color: #22863a;
}

.markdown-body .pl-k {
  color: #d73a49;
}

.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: #032f62;
}

.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: #e36209;
}

.markdown-body .pl-bu {
  color: #b31d28;
}

.markdown-body .pl-ii {
  color: #fafbfc;
  background-color: #b31d28;
}

.markdown-body .pl-c2 {
  color: #fafbfc;
  background-color: #d73a49;
}

.markdown-body .pl-c2::before {
  content: "^M";
}

.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: #22863a;
}

.markdown-body .pl-ml {
  color: #735c0f;
}

.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: #005cc5;
}

.markdown-body .pl-mi {
  font-style: italic;
  color: #24292e;
}

.markdown-body .pl-mb {
  font-weight: bold;
  color: #24292e;
}

.markdown-body .pl-md {
  color: #b31d28;
  background-color: #ffeef0;
}

.markdown-body .pl-mi1 {
  color: #22863a;
  background-color: #f0fff4;
}

.markdown-body .pl-mc {
  color: #e36209;
  background-color: #ffebda;
}

.markdown-body .pl-mi2 {
  color: #f6f8fa;
  background-color: #005cc5;
}

.markdown-body .pl-mdr {
  font-weight: bold;
  color: #6f42c1;
}

.markdown-body .pl-ba {
  color: #586069;
}

.markdown-body .pl-zlw {
  color: #959da5;
}

.markdown-body .pl-corl {
  text-decoration: underline;
  color: #032f62;
}

.markdown-body .octicon {
  display: inline-block;
  vertical-align: text-top;
  fill: currentColor;
}

.markdown-body a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.markdown-body a:active,
.markdown-body a:hover {
  outline-width: 0;
}

.markdown-body strong {
  font-weight: inherit;
}

.markdown-body strong {
  font-weight: bolder;
}

.markdown-body h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.markdown-body img {
  border-style: none;
}

.markdown-body svg:not(:root) {
  overflow: hidden;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

.markdown-body hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.markdown-body input {
  font: inherit;
  margin: 0;
}

.markdown-body input {
  overflow: visible;
}

.markdown-body [type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-body * {
  box-sizing: border-box;
}

.markdown-body input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.markdown-body a {
  color: #0366d6;
  text-decoration: none;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body strong {
  font-weight: 600;
}

.markdown-body hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #dfe2e5;
}

.markdown-body hr::before {
  display: table;
  content: "";
}

.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
}

.markdown-body td,
.markdown-body th {
  padding: 0;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body h1 {
  font-size: 32px;
  font-weight: 600;
}

.markdown-body h2 {
  font-size: 24px;
  font-weight: 600;
}

.markdown-body h3 {
  font-size: 20px;
  font-weight: 600;
}

.markdown-body h4 {
  font-size: 16px;
  font-weight: 600;
}

.markdown-body h5 {
  font-size: 14px;
  font-weight: 600;
}

.markdown-body h6 {
  font-size: 12px;
  font-weight: 600;
}

.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}

.markdown-body blockquote {
  margin: 0;
}

.markdown-body ul,
.markdown-body ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
}

.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
}

.markdown-body .octicon {
  vertical-align: text-bottom;
}

.markdown-body .pl-0 {
  padding-left: 0 !important;
}

.markdown-body .pl-1 {
  padding-left: 4px !important;
}

.markdown-body .pl-2 {
  padding-left: 8px !important;
}

.markdown-body .pl-3 {
  padding-left: 16px !important;
}

.markdown-body .pl-4 {
  padding-left: 24px !important;
}

.markdown-body .pl-5 {
  padding-left: 32px !important;
}

.markdown-body .pl-6 {
  padding-left: 40px !important;
}

.markdown-body::before {
  display: table;
  content: "";
}

.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body > *:first-child {
  margin-top: 0 !important;
}

.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 16px;
}

.markdown-body hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

.markdown-body blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
}

.markdown-body blockquote > :first-child {
  margin-top: 0;
}

.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: #1b1f23;
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid #eaecef;
}

.markdown-body h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid #eaecef;
}

.markdown-body h3 {
  font-size: 1.25em;
}

.markdown-body h4 {
  font-size: 1em;
}

.markdown-body h5 {
  font-size: 0.875em;
}

.markdown-body h6 {
  font-size: 0.85em;
  color: #6a737d;
}

.markdown-body ul,
.markdown-body ol {
  padding-left: 2em;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li > p {
  margin-top: 16px;
}

.markdown-body li + li {
  margin-top: 0.25em;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto;
}

.markdown-body table th {
  font-weight: 600;
}

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}

.markdown-body table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}

.markdown-body table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.markdown-body img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
}

.markdown-body img[align=right] {
  padding-left: 20px;
}

.markdown-body img[align=left] {
  padding-right: 20px;
}

.markdown-body code {
  padding: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
}

.markdown-body code::before,
.markdown-body code::after {
  letter-spacing: -0.2em;
  content: "\00a0";
}

.markdown-body pre {
  word-wrap: normal;
}

.markdown-body pre > code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

.markdown-body .highlight {
  margin-bottom: 16px;
}

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
}

.markdown-body pre code {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

.markdown-body pre code::before,
.markdown-body pre code::after {
  content: normal;
}

.markdown-body .full-commit .btn-outline:not(:disabled):hover {
  color: #005cc5;
  border-color: #005cc5;
}

.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #d1d5da;
  border-bottom-color: #c6cbd1;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #c6cbd1;
}

.markdown-body :checked + .radio-label {
  position: relative;
  z-index: 1;
  border-color: #0366d6;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item + .task-list-item {
  margin-top: 3px;
}

.markdown-body .task-list-item input {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}

.markdown-body hr {
  border-bottom-color: #eee;
}

</style>
